@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Microsoft Yahei", "Source Han Sans CN",Arial, Helvetica, sans-serif; background:#fff; font-size:14px;overflow-x:hidden; color:#666;}
body.en{ font-family:Arial, Helvetica, sans-serif}
a{ text-decoration:none;outline:none;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;color:#666}
a:hover{color:#0a2d5a}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
.fl{ float:left}
.fr{ float:right}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal}
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.col01{ color:#0a2d5a}
.red{ color:#f00}
.ovh{ overflow:hidden}
.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}


.wrap{width:1400px;margin:0 auto}
.header{position: fixed;z-index:99;left: 0;right:0;top: 0; width: 100%;-moz-transition: all .5s;-webkit-transition: all .5s;transition: all .5s; height:100px}
.header .wrap{ border-bottom:1px solid rgba(255,255,255,.35); position:relative;-moz-transition: all .5s;-webkit-transition: all .5s;transition: all .5s;}
.logo{-webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;}
.logo{ display:flex; display:-webkit-flex; align-items:center; height:100px; position:relative;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.logo .img2{ display:none}
.menu{ position:absolute; left:50%; -moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.menu li{ float:left; font-size:17px; margin:0 22px; line-height:100px;position:relative}
.menu li>a{ display:block; color:#fff; white-space:nowrap;position:relative}
.menu li>a:after{ content:""; width:0; height:2px; background:#f4ce1a; position:absolute; left:0;bottom:0; left:50%; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.menu ul{ display:flex; display:-webkit-flex;}
.menu .sub{position: absolute;top: 100%;left:0;z-index: 99;display: none;width:100%;font-size: 14px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.menu .sub a{display: block;background:#fddd5f;color:#0a2d5a !important;padding:8px 5px;line-height:22px; border-bottom:1px solid rgba(0,0,0,.06); text-align:center}
.menu .sub a:hover{color:#fff !important; background:#0a2d5a} 
.menu li:hover a, .menu li.cur a{ color:#f4ce1a;}
.menu li:hover>a:after,.menu li.cur>a:after{ width:100%; left:0}

.header .tel{ font-size:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; background:url(../images/icon03.png) no-repeat left center; padding-left:50px; line-height:100px; position:relative}
.header .tel:before{ content:""; width:35px; height:35px; border-radius:50%; background:rgba(255,255,255,.9) url(../images/icon01.png) no-repeat center; border:1px solid rgba(255,255,255,.9); display:block; position:absolute; left:0;top:50%; margin-top:-17.5px}

.header.header-scroll{ height:80px; background:#fff;box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.1);}
.header-scroll .logo{ height:80px;}
.header-scroll .menu li{ line-height:80px;}
.header-scroll .menu li>a{ color:#333}
.header-scroll .menu li:hover a, .header-scroll .menu li.cur a{ color:#093580}
.header-scroll .menu li>a:after{background: #093580;}
.header-scroll .tel{ line-height:80px; color:#333}
.header-scroll .tel:before{border:1px solid rgba(0,0,0,.1);}
.header-scroll .logo .img1, .n-header .logo .img1{ display:none}
.header-scroll .logo .img2, .n-header .logo .img2{ display:block}
.header-scroll .wrap{ border-bottom:1px solid rgba(0,0,0,0)}
.n-header .header{background:#fff;box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.1);}
.n-header .menu li>a{ color:#333}
.n-header .menu li:hover a, .n-header .menu li.cur a{ color:#093580}
.n-header .menu li>a:after{background: #093580;}
.n-header .tel{color:#333}
.n-headertop{ position:relative; height:100px; display:block}

.search{ position:relative}
.search-btn{ display:block;width:22px;line-height: 85px;height: 85px;background:url(../images/icon01.png) no-repeat center;cursor:pointer; margin:0 25px}
.search-alert{width: 400px;position: absolute; right:0;top: 0;height:85px;z-index: 50;background-color: #fff;display: none;}
.search-alert .search-form{ padding-right:75px; margin-top:22px;}
.search-alert form {position: relative; padding-right: 60px;-webkit-border-radius: 3px; border-radius: 3px; overflow: hidden;}
.search-alert .tex {border: 1px solid #e8e8e8;height:40px;line-height: 40px;width: 100%;color: #555;background:#fff;padding-left:10px;}
.search-alert .btn {border: none;line-height:40px;text-align: right;background:#fad752;color:#0a2d5a;position: absolute;right: 0;top: 0;width: 60px;text-align: center; cursor:pointer; transition:.5s}
.search-alert .closed{ width:15px; height:15px; position:absolute; right:25px;top:35px;}
.search-alert .closed:before{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; top:0; left:0; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); transform-origin:left top}
.search-alert .closed:after{ content:""; width:20px; height:1px; background:#0a2d5a; position:absolute; bottom:0; left:0; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); transform-origin:left bottom}

.banner {width: 100%;overflow: hidden; position:relative}
.banner:before{ content:""; width:100%; height:120px; position:absolute; left:0;top:0;background:-webkit-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: -o-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: -moz-linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0));
  background: linear-gradient(rgba(0,0,0,.6), rgba(0,0,0,0)); z-index:9}
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner a{ display:block; height:100vh}
.banner .img{position: absolute;width: 100%;height: 100%;background: no-repeat center/cover;top: 0;left: 0;-webkit-transition:1s linear .3s;-moz-transition:1s linear .3s;transition:1s linear .3s;}
.banner .swiper-slide-active .img{-webkit-transition:16s linear;-moz-transition:16s linear;transition:16s linear;-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);transform:scale(1.2,1.2);}	
.banner .txt{ position:absolute; top:40%; left:50%;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%); transform:translateX(-50%);color:#fff; text-align:center}
.banner .txt h3{ font-size:75px; font-weight:bold; margin-bottom:15px}
.banner .txt h4{ font-size:24px; margin-bottom:15px}
.banner .txt .more{ display:inline-block;  color:#fff; font-size:16px; line-height:40px;background:#093580; color:#fff; padding:0 30px; margin-top:20px;}
.banner .txtcon{-webkit-transform: translate3d(0, 20px, 0);-moz-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);opacity: 0;-webkit-transition: 1s ease;-moz-transition: 1s ease;transition: 1s ease;}
.banner .swiper-slide-active .txtcon{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-transition: 1s ease .5s;-moz-transition: 1s ease .5s;transition: 1s ease .5s;}
.banner .swiper-button-prev, .banner .swiper-button-next{width: 15%;height: 100%;top:0;background:none;}
.banner .swiper-button-prev{left:0;}	
.banner .swiper-button-next{right:0;}	
.banner .swiper-button-prev span,.banner .swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(0,0,0,0.35);
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.banner .swiper-button-next span{
	background: rgba(0,0,0,0.35);
	left:auto;
	right:20px;
	}
.banner .swiper-button-prev:hover span, .banner .swiper-button-next:hover span{
	opacity: .6;
}
.banner .swiper-button-prev span:after{ content:""; display:block; width:15px; height:15px; border-top:2px solid rgba(255,255,255,.7);border-left:2px solid rgba(255,255,255,.7); -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; left:50%; margin-left:-5px; top:25px;}
.banner .swiper-button-next span:after{ content:""; display:block; width:15px; height:15px; border-top:2px solid rgba(255,255,255,.7);border-right:2px solid rgba(255,255,255,.7); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:50%; margin-left:-12px; top:25px;}

/*分页器*/
.banner .swiper-pagination{ bottom:80px}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:none; border:1px solid #fff; opacity:1}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}
.banner .swiper-pagination-bullet-active{ background:#fff}


.m-banner{position: relative;z-index: 1;overflow: hidden;width: 100%; display:none;border:1px solid #fff;}
.m-banner a{ display:block; background:#131313}
.m-banner img{ display:block; width:100%; height:auto}
.m-banner .swiper-pagination-bullet{ background:none; border:1px solid #fff; opacity:1}
.m-banner .swiper-pagination-bullet-active{ background:#fff}


.title{ font-size:35px; color:#333;margin-bottom:35px; text-align:center;position:relative;}
.space{padding:70px 0;}

.i-product .preview{ margin-top:30px; position:relative}
.i-product .preview .swiper-button-prev, .i-product .preview .swiper-button-next{ display:none}
.i-product .preview .swiper-slide{ cursor:pointer; text-align:center;}
.i-product .preview a{ display:block}
.i-product .preview img{ max-width:100%}
.i-product .preview h3{ font-size:16px; color:#808080; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.i-product .preview .line{ display:block; height:5px; background:#093580; width:0; margin-top:30px; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.i-product .preview .active-nav .line{ width:100%}
.i-product .wrap{ padding:0 5%}
.i-product .view .swiper-slide{padding:60px 0; color:#fff; position:relative}
.i-product .view .wrap{ position:relative}
.i-product .view .txt{ width:60%;padding-top:30px;position:absolute; left:10%;}
.i-product .view .pic{ padding-left:60%}
.i-product .view h2{ font-size:35px; margin-bottom:30px;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);transition: .5s ease .1s;opacity: 0;}
.i-product .view .intro{ font-size:16px; line-height:26px;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);transition: .5s ease .3s;opacity: 0;}
.i-product .view .intro ul{ margin-top:40px;}
.i-product .view .intro li{ font-size:14px; opacity:.8; position:relative; padding-left:15px;}
.i-product .view .intro li:before{ content:""; width:6px; height:6px; border-radius:50%; border:1px solid #fff; display:block; position:absolute; left:0;top:9px}
.i-product .view .more{display:block; background:url(../images/arrow2.png) no-repeat right 20px center;line-height:38px; width:120px; padding-left:20px; color:#f4ce1a; border:1px solid #f4ce1a; margin-top:35px;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);transition: .5s ease .5s;opacity: 0;}
.i-product .view .more:hover{background:#f4ce1a url(../images/arrow.png) no-repeat right 20px center; color:#fff}
.i-product .view .swiper-slide-active h2{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.i-product .view .swiper-slide-active .intro{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.i-product .view .swiper-slide-active .more{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}


.i-solution-list .pic{ overflow:hidden; background:#fff; position:relative}
.i-solution-list .img1{ display:block; width:100%; height:auto}
.i-solution-list .img2{ position:absolute; left:0;right:0;top:0;bottom:0; margin:auto; width:100%; height:100%; object:fit; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.i-solution-list .txt{ padding-top:25px;}
.i-solution-list .time{ color: rgba(255,255,255,.6); display:block; font-size:12px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif}
.i-solution-list h3{ color:#333; font-size:18px;margin-bottom:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative}
.i-solution-list .intro{ font-size:14px; line-height:24px; height:48px; color:#808080; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.i-solution-list .swiper-slide:hover .img2{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.i-solution-list .swiper-slide:hover h3{ color:#093580}
.i-solution-list .swiper-pagination{ display:none}

.i-about{ background:#f3f3f3}
.i-about .left{ width:50%; padding-top:20px; position:relative}
.i-about .left:after{ content:""; width:95%; height:60%; background:#093580; display:block; position:absolute; left:0;bottom:0}
.i-about-list{ left:20px; bottom:20px; position:relative}
.i-about-list .pic{ position:relative; overflow:hidden; background:#fff}
.i-about-list .img1{ display:block; width:100%; height:auto}
.i-about-list .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; height:100%;}
.i-about-list .tit{ position:absolute; bottom:0; left:0; color:#fff; background:rgba(0,0,0,.3); padding:5px 10px; font-size:16px; width:100%}
.i-about .right{ width:43%}
.i-about .title{ text-align:left}
.i-about .intro{ font-size:16px; line-height:30px; color:#666}
.i-about .more{ display:block; background:#093580 url(../images/arrow.png) no-repeat right 20px center;line-height:40px; width:120px; padding-left:20px; color:#fff; margin-top:35px}
.i-about .numbox{ margin-top:60px}
.i-about .numbox li{ float:left; font-size:14px; color:#666; width:30.33%; margin-right:2%}
.i-about .numbox .num{font-weight:bold; color:#093580; margin-bottom:0 !important}
.i-about .numbox .num span{font-size:45px}
.i-about .more:hover{background:#f4ce1a url(../images/arrow.png) no-repeat right 20px center;}
.i-about-list .swiper-pagination{ text-align:right; width:auto; right:20px}
.i-about-list .swiper-pagination-bullet{ background:none; border:1px solid #fff; opacity:1}
.i-about-list .swiper-pagination-bullet-active{ background:#fff}
 
.i-news{ background: url(../images/bg.jpg) no-repeat center; background-size:cover}
.i-news .title{ position:relative; color:#fff}
.i-news .tapnav{ display:block; display:flex; display:-webkit-flex; justify-content:center; margin-bottom:30px}
.i-news .tapnav a {display:block;width: 110px;line-height:38px; font-size: 16px;color: #fff;text-align: center; position: relative;z-index: 2; border:1px solid transparent; margin:0 5px}
.i-news .tapnav a.cur, .i-news .tapnav a:hover{color:#f4ce1a; border:1px solid #f4ce1a}

.i-newscon .pic{ overflow:hidden; background:#fff; position:relative}
.i-newscon .img1{ display:block; width:100%; height:auto}
.i-newscon .img2{ position:absolute; left:0;right:0;top:0;bottom:0; margin:auto; width:100%; height:100%; object-fit:cover; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.i-newscon .txt{ padding-top:10px;}
.i-newscon .time{ color: rgba(255,255,255,.6); display:block; font-size:12px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif}
.i-newscon h3{ color:#fff; font-size:18px;line-height:40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative}
.i-newscon .intro{ font-size:14px; line-height:24px; height:48px; color:#666; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.i-newscon .swiper-slide:hover .img2{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.i-newscon .swiper-pagination{ display:none}
@font-face{
font-family:'bebas';
src:url("../fonts/bebas.eot");
src:url("../fonts/bebas.eot") format("embedded-opentype"),
url("../fonts/bebas.woff2") format("woff2"),
url("../fonts/bebas.woff") format("woff"),
url("../fonts/bebas.ttf") format("truetype"),
url("../fonts/bebas.svg#BEBAS") format("svg");
}

/*============================================================*/

.nbanner{ position:relative;height:500px; overflow:hidden}
/*.nbanner:after{ content:""; width:100%; height:30%; position:absolute; left:0;right:0;bottom:0;background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3));
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.3)); z-index:1}*/
.nbanner .pic{ height:100%; -webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.nbanner .pic.anim{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);transform:scale(1.2,1.2);-moz-transition:5s ease;-webkit-transition:5s ease; transition:5s ease}
@media screen and (max-width:1920px){
	.nbanner{ height:400px}
}
@keyframes zoom{ 0%{transform:scale(1.05);} 50%{transform:scale(1.0);} 100%{transform:scale(1.05);} } 
@-webkit-keyframes zoom{ 0%{transform:scale(1.05);} 50%{transform:scale(1.0);} 100%{transform:scale(1.05);} }
.nbanner .en{ font-size:18px;}
.nbanner .cn{ font-size:40px;}
.location{ line-height:70px;}
.inner-nav{height:50px;position:relative;border-bottom: 1px solid #ddd; margin-bottom:50px}
.inner-nav ul{ display:flex; display:-webkit-felx;font-size:16px; justify-content:flex-end; position: absolute; right:0;bottom:0}
.inner-nav li{text-align:center; margin-left:50px}
.inner-nav li a{ display:block;font-size:16px; color:#333;line-height:70px; height:70px;position:relative}
.inner-nav li a:after{ content:""; width:0; height:1px; position:absolute; left:50%;bottom:0; background:#093580; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.inner-nav li.cur a{color:#093580; font-weight:bold;}
.inner-nav li:hover a{color:#093580;}
.inner-nav li.cur a:after, .inner-nav li:hover a:after{ width:100%; left:0}
.ntitle{ text-align:center;font-size:30px; color:#333; margin-bottom:30px;}
.inner-nav .ntitle{ text-align:left; font-size:30px; color:#333; margin-bottom:0}


.nav-sed{display:flex; display:-webkit-felx; justify-content:center; font-weight:bold; margin-bottom:40px; font-size:18px;}
.nav-sed a{ display:block; position:relative; margin:0 20px;}
.nav-sed a:after{ content:""; width:1px; height:26px; background:#d8d8d8; position:absolute; right:-20px;top:0}
.nav-sed a:last-child{ padding-right:0}
.nav-sed a:last-child::after{ display:none}
.nav-sed a:before{content:""; width:100%; height:2px; background:#2479b9;position:absolute; left:0;bottom:0;transform-origin: right center;-webkit-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);-webkit-transform: scaleX(0);-moz-transform: scaleX(0);transform: scaleX(0);}
.nav-sed a.cur{ color:#2479b9}
.nav-sed a:hover::before, .nav-sed a.cur:before{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);transform: scaleX(1);transform-origin: left center;}
.titlebox{ position:relative}
.inner-nav-2{ position:absolute; right:0;bottom:0}
.inner-nav-2 h3{ width:240px; border:1px solid #ddd; text-align:center; height:35px; line-height:35px; cursor:pointer; display:flex; display:-webkit-flex; justify-content:center; align-items:center; position:relative}
.inner-nav-2 h3 span{display:block; width:6px; height:6px; border-bottom:1px solid #0a2d5a; border-right:1px solid #0a2d5a; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); margin-left:15px;}
.inner-nav-2 ul{ position:absolute; background:#fddd5f; width:100%; border:1px solid #ddd; display:none;z-index:2}
.inner-nav-2 ul a{ display:block;background: #fddd5f;color: #0a2d5a;padding: 8px 5px;line-height: 22px;border-bottom: 1px solid rgba(0,0,0,.06);}
.inner-nav-2 ul a:hover{ background:#0a2d5a; color:#fff}

.main{ background:#f3f3f3}
.main_2{ background:#eef0f3;}
.main .content{ line-height:30px; font-size:16px;}
.main .content img{ max-width:100%; height:auto}
.main .content p{margin-bottom:10px}

.anchor{display: block;height:70px;margin-top: -70px;visibility: hidden;}
.mlist2{ background:#fff}
.mlist .title{ text-align:left}
.company{ position:relative}
.company .picbox{ width:45%; position:relative}
.company .pic{ position:relative}
.company .pic:after {content: "";width: 95%;height: 60%; background: #093580; display: block; position: absolute; right:-20px; bottom: -15px;}
.company .pic img{ position:relative; z-index:2}
.company .numbox{ margin-top:90px}
.company .numbox li{ float:left; font-size:14px; color:#666; width:33.33%;text-align:center; padding:0 2%}
.company .numbox .num{font-weight:bold; color:#093580; margin-bottom:0 !important}
.company .numbox .num span{font-size:45px}
.company .txt{width:50%;}
.company .txt h2{ font-size:26px; color:#333; margin-bottom:20px}

#culture{ background:#fff}
.culture li{ width:25%; float:left; position:relative; cursor: pointer}
.culture .pic{ overflow:hidden}
.culture .pic img{ display:block; width:calc(100% + 20px);}
.culture .txt{ color:#fff; position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; padding:15%; text-align:center; display:flex; display:-webkit-flex; align-items:center; flex-wrap:wrap; align-content:center;}
.culture .txt>*{ display:block; width:100%; line-height:26px; font-size:15px}
.culture .txt h3{ font-size:20px; margin:20px 0}
.culture .txt .icon img{ display:block; margin:auto; height:65px}
.culture .txt .icon, .culture .pic img{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.culture li:hover .icon{ -webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}
.culture li:hover .pic img{ -webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);transform:translateX(-20px)}

.honor{ position:relative;margin:0 -1px}
.honor .swiper-container{ padding:0 1px}
.honor a{ display:block;background:#fff;border:1px solid #e8e8e8;}
.honor .pic{ background:#fff; overflow:hidden; position:relative; margin:10px; background:#fff}
.honor .pic .img1{ display:block; width:100%; height:auto}
.honor .pic .img2{ display:block; position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; height:100%;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.honor .tit{text-align:center;line-height:30px; padding:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-top:1px solid #e8e8e8;}
.honor .swiperbox { position:absolute; right:0;top:-80px}
.honor .swiperbox .swiper-button-prev, .honor .swiperbox .swiper-button-next { float:left;position: static;margin: 0;width: 45px;height: 45px;border: 1px solid #cccccc;box-sizing: border-box;margin-left:10px;transition: .5s ease-in-out;}
.honor .swiperbox .swiper-button-prev {background: url(../images/arrow3-prev.png) no-repeat center;}
.honor .swiperbox .swiper-button-prev:hover{background: url(../images/arrow-prev.png) #093580 no-repeat center;}
.honor .swiperbox .swiper-button-next { background: url(../images/arrow3.png) no-repeat center;}
.honor .swiperbox .swiper-button-next:hover {background: url(../images/arrow.png) #093580 no-repeat center;}

.product-list ul{ margin-right:-3%}
.product-list li{float:left; width:30.33%; margin-right:3%; margin-bottom:3%; margin-bottom:3%; background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}
.product-list .pic{overflow:hidden; position:relative}
.product-list .pic .img1{display:block; width:100%; height:auto;}
.product-list .pic .img2{position:absolute; left:0;right:0;top:0;bottom:0; margin:auto; width:100%; height:100%; object-fit:cover; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.product-list .txt{ padding:25px; padding-top:0}
.product-list .txt h3{ font-size:20px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-list .txt .time{color:#999; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.product-list .txt .intro{ font-size:14px; color:#737373;line-height: 22px;height:44px; margin-top:15px; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.product-list .txt-bot{ border-top:1px solid #e8e8e8; padding:10px 20px; font-size:14px; color:#999; position:relative; overflow:hidden}
.product-list .txt-bot:before{ content:""; width:100%; height:100%; background:#093580; position:absolute; left:0;bottom:-100%; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s; z-index:1}
.product-list .more{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s; position:relative; z-index:2}
.product-list .icon{ position:absolute;top:0;right:20px; height:100%; width:20px; background:url(../images/arrow3.png) no-repeat center; z-index:2}
.product-list li:hover img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.product-list li:hover .txt-bot:before{bottom:0}
.product-list li:hover .txt-bot{ color:#fff}
.product-list li:hover .icon{background:url(../images/arrow.png) no-repeat center}
.product-top{ background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.1)}
.product-top .left{ width:45%; padding:2%; position:relative}
.product-top .left img{ width:100%; height:auto; display:block}
.product-top .right{ width:53%; padding-top:4%; padding-right:5%; padding-bottom:3%}
.product-top .right h2{ color:#151515; font-size:30px;position:relative; margin-bottom:20px}
.product-top .right .intro{font-size:16px;}
.product-con{ margin-top:30px; font-size:16px; background:#fff; padding:30px 60px}
.product-nav{ border-bottom:1px solid #e9edef; margin-bottom:30px; text-align:center; font-size:0; line-height:0}
.product-nav li{ display:inline-block;line-height:60px; margin:0 10px; font-size:20px; cursor:pointer; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s; position:relative}
.product-nav li:after{ content:""; width:0; height:2px; background:#093580; position:absolute; left:50%; bottom:0; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.product-nav li.cur, .product-nav li:hover{color:#093580;}
.product-nav li.cur:after, .product-nav li:hover::after{ width:100%; left:0}
.product-con table{ margin-bottom:20px}
.product-con table p{ margin-bottom:0 !important}
.product-con table{ width:99.99%}
.product-con table td{ border:1px solid #e8e8e8; padding:5px;}
.product-con table th{ background:#093580; color:#fff; padding:10px}
.product-con-hd .item{ overflow:hidden; display:none}
.related-pro{ position:relative; margin-top:50px;}
.related-pro .swiper-container{ padding-bottom:30px}
.related-pro .swiper-pagination{bottom:0}
.related-pro .swiper-pagination-bullet-active{ background:#093580}
.related-pro a{ display:block; background:#fff}
.related-pro .pic{overflow:hidden; position:relative}
.related-pro .pic .img1{display:block; width:100%; height:auto;}
.related-pro .pic .img2{position:absolute; left:0;right:0;top:0;bottom:0; margin:auto; width:100%; height:100%; object-fit:cover; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.related-pro .txt{ padding:25px; position:relative; overflow:hidden}
.related-pro .txt:before{ content:""; width:100%; height:100%; background:#093580; position:absolute; left:0;bottom:-100%; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.related-pro .txt h3{ font-size:20px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; position:relative;z-index:2}
.related-pro .txt .time{color:#999; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.related-pro .txt .intro{ font-size:14px; color:#737373;line-height: 22px; margin-top:15px; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s;position:relative;z-index:2}
.related-pro .swiper-slide:hover img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.related-pro .swiper-slide:hover .txt:before{bottom:0}
.related-pro .swiper-slide:hover h3{ color:#fff}
.related-pro .swiper-slide:hover .intro{ color:rgba(255,255,255,.8)}

.newslist ul{ margin-right:-3%}
.newslist li{float:left; width:30.33%; margin-right:3%; margin-bottom:3%; margin-bottom:3%; background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}
.newslist .pic{overflow:hidden; position:relative}
.newslist .pic .img1{display:block; width:100%; height:auto;}
.newslist .pic .img2{position:absolute; left:0;right:0;top:0;bottom:0; margin:auto; width:100%; height:100%; object-fit:cover; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.newslist .txt{ padding:25px}
.newslist .txt h3{ font-size:18px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newslist .txt .time{color:#999; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.newslist .txt .intro{ font-size:14px; color:#737373;line-height: 22px; height:44px; margin-top:15px; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.newslist .txt-bot{ border-top:1px solid #e8e8e8; padding:10px 20px; font-size:14px; color:#999; position:relative; overflow:hidden}
.newslist .txt-bot:before{ content:""; width:100%; height:100%; background:#093580; position:absolute; left:0;bottom:-100%; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s; z-index:1}
.newslist .time{ font-family:Arial, Helvetica, sans-serif;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; position:relative; z-index:2}
.newslist .more{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s; position:relative; z-index:2}
.newslist li:hover img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.newslist li:hover .txt-bot:before{bottom:0}
.newslist li:hover .txt-bot{ color:#fff}
.newscon{ background:#fff;padding: 70px 120px;}
.newscon .ntit{font-size:24px; line-height:30px;color: #333; text-align:center;position:relative}
.newscon .ntime{font-size:12px; color:#999;border-bottom:1px solid #ddd;margin-bottom:30px; text-align:center; margin-top:20px; padding-bottom:10px}
.newscon .ntime .icon{ background:url(../images/time-icon.png) no-repeat left center; padding-left:18px}
.newDetail{ font-size:14px; min-height:350px}
.newDetail p{ margin-bottom:10px}
.newDetail table td{ border:1px solid #ccc;}
.related-news{ position:relative; margin-top:50px;}
.related-news .swiper-container{ padding-bottom:30px}
.related-news .swiper-pagination{bottom:0}
.related-news .swiper-pagination-bullet-active{ background:#093580}
.related-news a{ display:block; background:#fff}
.related-news .pic{overflow:hidden; position:relative}
.related-news .pic .img1{display:block; width:100%; height:auto;}
.related-news .pic .img2{position:absolute; left:0;right:0;top:0;bottom:0; margin:auto; width:100%; height:100%; object-fit:cover; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.related-news .txt{ padding:25px; position:relative; overflow:hidden}
.related-news .txt:before{ content:""; width:100%; height:100%; background:#093580; position:absolute; left:0;bottom:-100%; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.related-news .txt h3{ font-size:16px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s; position:relative;z-index:2}
.related-news .txt .time{color:#999; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.related-news .txt .intro{ font-size:14px; color:#737373;line-height: 22px; margin-top:15px; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; -moz-transition:.5s;-webkit-transition:.5s;transition:.5s;position:relative;z-index:2}
.related-news .swiper-slide:hover img{ -moz-transform:scale(1.05);-webkit-transform:scale(1.05);transform:scale(1.05)}
.related-news .swiper-slide:hover .txt:before{bottom:0}
.related-news .swiper-slide:hover h3{ color:#fff}
.related-news .swiper-slide:hover .intro{ color:rgba(255,255,255,.8)}

.page_2{ margin-top:50px; font-size:14px;border-top:1px solid #ddd; padding-top:30px; position:relative}
.page_2 p{ margin-bottom:0 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.page_2 .more{ position:absolute; right:0;top:30px;color:#fff; font-size:14px;display:inline-block;background:#093580; border:2px solid #093580;line-height:36px;text-align:center; width:90px;overflow:hidden;}
.page_2 .more:hover{background:#fff; border:2px solid #f4ce1a; color:#f4ce1a}

.caselist .top li{ position:relative; background:#fff;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1)}
.caselist .pic{overflow:hidden; float:left; width:40%; position:relative}
.caselist .pic .img1{ display:block; width:100%; height:auto}
.caselist .pic .img2{ display:block; width:100%; height:100%; object-fit:cover;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s; position:absolute; left:0;right:0;top:0;bottom:0}
.caselist .txt{ float:right; width:55%; padding-right:5%; padding-top:5%}
.caselist h3{ font-size:20px; color:#333; margin-bottom:20px;}
.caselist .intro{ color:#737373; line-height:24px; height:48px; display:-webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;font-size:14px;}
.caselist .time{ float:left;color:#999; font-size:12px;}
.caselist li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1)}
.caselist .more{display: block; font-size:14px;background: url(../images/arrow3.png) no-repeat right 20px center; height: 40px;line-height: 40px;width: 120px; padding-left: 20px; color: #093580; border: 1px solid #093580; margin-top: 35px;transition: .5s;}
.caselist .more:hover{ background:#093580 url(../images/arrow.png) no-repeat right 20px center; border:1px solid #093580; color:#fff}
.caselist .bot{ margin-top:50px; margin-right:-3%}
.caselist .bot li{ float:left; width:47%;background:#fff;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1); margin-bottom:3%; margin-right:3%}
.caselist .bot li h3{ font-size:18px; line-height:26px; height:52px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden}
.caselist .bot .more{height:32px;line-height:32px;width: 100px; padding-left: 12px;background: url(../images/arrow3.png) no-repeat right 10px center; background-size:12px 7px}
.caselist .bot .more:hover{ background:#093580 url(../images/arrow.png) no-repeat right 20px center; border:1px solid #093580; background-size:12px 7px; color:#fff}


.faq li{margin-bottom: 10px;}
.faq .tit {color: #0a2d5a; height: 65px; font-size: 18px; line-height: 65px; padding: 0 45px;  border: 1px solid #e6e6e6; background:#f8f8f8; cursor:pointer; transition:.3s; position:relative}
.faq .tit:after{content: "";width:10px;height:10px;border-top: 1px solid #0b223f;border-right: 1px solid #0b223f;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg); position: absolute;right:30px;top:25px;}
.faq li:nth-child(2n) .tit{ background:#fff}
.faq .tit.on{ background:#fddd5f !important;color:#0a2d5a;}
.faq .tit.on:after{ -moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.faq .cont{display: none; padding:30px 45px;background: #f8f8f8; font-size: 14px; line-height:26px;}
.hy-link ul{ margin-right:-3%}
.hy-link li{ float:left; width:30.33%; margin-right:3%}
.hy-link .pic{ position:relative}
.hy-link .pic img{ display:block; width:100%}
.hy-link .pic h3{ display:flex; display:-webkit-flex; color:#fff; position:absolute; left:0;right:0;top:0;bottom:0; padding-left:25px; align-items:center;background: -webkit-linear-gradient(left, rgba(10,45,90,.8) , rgba(10,45,90,0));
  background: -o-linear-gradient(right, rgba(10,45,90,.8) , rgba(10,45,90,0));
  background: -moz-linear-gradient(right, rgba(10,45,90,.8) , rgba(10,45,90,0));
  background: linear-gradient(to right, rgba(10,45,90,.8) , rgba(10,45,90,0)); }

.hy-link .txt{ padding-top:20px; line-height:24px;}
.hy-link .txt a{ display:block; position:relative; padding-left:15px; color:#0a2d5a; margin-bottom:10px;}
.hy-link .txt a:before{ content:""; width:5px; height:5px; border-radius:50%; border:1px solid #0a2d5a; position:absolute; left:0;top:8px;}
.hy-link .txt a:hover{ text-decoration:underline}
.messbox{ position:relative; margin-top:30px;}
.messbox .row{position:relative; margin-bottom:30px;}
.messbox .row2{ margin-top:30px; border-bottom:1px solid #ddd; width:97%; line-height:35px; margin-bottom:20px}
.messbox .colm{ position:relative; width:30.33%; margin-right:3%; float:left}
.messbox .colm2{ width:63.33%}
.messbox .colm3{ width:47%}
.messbox .red{}
.messbox label{ display:block; color:#737373}
.messbox input{ -moz-transition:.3s;-webkit-transition:.3s;transition:.3s;}
.messbox input:focus{ border:1px solid #0a2d5a}
.messbox .inp{ width:100%; border:1px solid #ddd; background:#fff; line-height:45px; height:45px; padding:0 10px; font-size:16px;}
.messbox .addbox{ display:flex; display:-webkit-flex;}
.messbox .inp02{ width:47%}
.messbox #province{ width:53%;display:flex; display:-webkit-flex; padding-right:3%}
.messbox select{border:1px solid #ddd; background:#fff; line-height:45px; height:45px; padding:0 10px;font-size:16px; margin-right:15px; width:30.33%}
.messbox select.standard, .messbox select.PreferredMethod{width:100%}
.messbox select.standard option{ font-size:14px}
.messbox textarea{ border:1px solid #d8d8d8; background:#fff; width:97%; padding:10px;; height:100px; line-height:30px; font-size:16px; display:block}
.messbox .yzm{ position:relative}
.messbox .yzm label{ position:absolute; left:10px; top:0; line-height:45px;}
.messbox .yzm .inp03{ width:150px; padding-left:65px;}
.messbox .submit{ display:block; width:130px; line-height:41px; font-size:16px; font-weight:bold; cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; position:absolute; right:3%;top:0; background:#fddd5f; color:#0a2d5a; border:2px solid #fddd5f;}
.messbox .submit:hover{ background:#fff; color:#0a2d5a; border:2px solid #0a2d5a;}

.map h3{ font-size:20px;color:#0b223f; border-bottom:5px solid #eef0f3; padding-bottom:10px; margin:30px 0 20px; padding-left:15px;position:relative}
.map h3 a{ color:#0b223f}
.map h3:before{ content:""; width:3px; height:18px; background:#0b223f; position:absolute; left:0;top:6px}
.map .sub{ margin-bottom:40px}
.map .sub a{ float:left; width:16.66%; padding-right:2%;position:relative}

/*===========================contact================================*/

.content-c{ font-size:16px; line-height:30px}
.contactBox{ position:relative;background: #fff;}
.contact-list{ float:right; width:50%; padding-left:5%; padding-right:5%; padding-top:30px}
.contact-list h2{font-size:26px; color:#333; margin-bottom:20px; margin-top:20px}
.contact-list .item{ padding:20px 0; padding-left:70px;color:#333;border-bottom:1px solid #e8e8e8;}
.contact-list .item span{ display:block; font-size:14px; color:#999; line-height:20px; font-weight:normal}
.contact-list .person{ background:url(../images/contact-icon01.png) no-repeat left 25px;}
.contact-list .tel{background:url(../images/contact-icon02.png) no-repeat left 28px;}
.contact-list .add{background:url(../images/contact-icon03.png) no-repeat left 25px;}

#allmap{width:50%;height:450px;line-height:22px; font-size:14px; float:left}
.BMap_bubble_title{ white-space:normal !important;color: #151515; font-size:16px;padding:10px 0;}
.BMap_bubble_content{color: #888; font-size:13px}
.iwTitle {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
	line-height:22px;
	display:block;
	padding-bottom:8px;
}

/*============================================================*/
.footer{ background:#fff; color:#666;line-height:24px; padding-top:50px;position:relative}
.footer a{color:#666;}
.footer a:hover{color:#333}
.footer-top{padding-bottom:40px; border-bottom:1px solid #ddd}

.f-nav{ margin-left:170px;}
.f-nav li{ float:left; margin-right:80px;}
.f-nav li:nth-child(5){margin-right:0}
.f-nav li:last-child{ margin-right:0; display:none}
.f-nav h3{ font-size:16px; color:#666; margin-bottom:10px;}
.f-nav .sub a{ display:block; color:#808080;}
.f-nav .sub a:hover{opacity:.95;filte:alpha(opacity=95)}
.f-ewm{ text-align:center}
.f-ewm img{ display:block; width:120px; height:auto}
.friendlink{ position:relative; margin-top:30px; width:260px; cursor:pointer}
.friendlink>span{ display:block; border:1px solid rgba(255,255,255,.2);opacity:.8;filte:alpha(opacity=80); line-height:40px; height:40px; padding-left:15px; position:relative}
.friendlink>span:after{ content:""; width:7px; height:7px; display:block; border-top:1px solid rgba(255,255,255,.6);border-right:1px solid rgba(255,255,255,.6);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg); transform:rotate(-45deg); position:absolute; right:15px; top:15px}
.friendlink .sub{ position:absolute; width:100%;bottom:40px; background:#fff; display:none}
.friendlink .sub a{ border-bottom:1px solid #e8e8e8; display:block; padding:8px 15px; color:#666}
.friendlink .sub a:hover{ background:#fddd5f; color:#0a2d5a}
.footer-bot{ margin-top:20px; margin-bottom:20px;position:relative}
.flink a{ padding:0 10px; position:relative}
.flink a:after{ content:""; width:1px; height:12px; background:rgba(255,255,255,.3); display:block; position:absolute; right:0;top:2px}
.flink a:last-child::after{ display:none}


.float_kf{ position:fixed;right:10px; bottom:20%; background:#fff; z-index:99}
.float_kf li{ width:70px; text-align:center;border:1px solid #e8e8e8; border-bottom:none; color:#535353; position:relative; font-size:14px}
.float_kf li a{ display:block; padding:12px 0}
.float_kf li{ -webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.float_kf li:hover{ background:#093580;border:1px solid #093580;border-bottom:none; color:#fff; cursor:pointer;}.float_kf li:hover a{ color:#fff}
.float_kf .mes i{ width:24px; height:25px; background:url(../images/right_pic3.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .mes:hover i{background:url(../images/right_pic3_h.png) no-repeat;}

.float_kf .fwh{ padding:12px 0}
.float_kf .fwh i{ width:29px; height:25px; background:url(../images/right_pic2.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .fwh:hover i{background:url(../images/right_pic2_h.png) no-repeat;}
.float_kf .fwh .hd img{ width:150px; display:block;}
.float_kf .app i{ width:29px; height:25px; background:url(../images/right_pic4.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .app:hover i{background:url(../images/right_pic4_h.png) no-repeat;}
.float_kf .app .hd img{ width:150px; display:block;}
.float_kf .service i{ width:29px; height:25px; background:url(../images/right_pic1.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .service:hover i{background:url(../images/right_pic1_h.png) no-repeat;}
.float_kf .service .hd{ position:absolute; right:69px;bottom:-72px;border:1px solid #e8e8e8;opacity:0; filter:alpha(opacity=0); visibility:hidden;-moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .service .hd h3{background: #fddd5f;color:#0a2d5a; white-space:nowrap; line-height:40px; font-weight:bold; padding:0 20px}
.float_kf .service .sub{ background:#fff; padding:15px;}
.float_kf .service .sub a{ display:block; white-space:nowrap; background:#eef0f3; margin-top:5px; line-height:32px; padding:0 15px;color:#0a2d5a}
.float_kf .service .sub a:first-child{ margin-top:0}
.float_kf .service .sub a:hover{background:#0a2d5a; color:#fff}
.float_kf .service:hover .hd{opacity:1; filter:alpha(opacity=100);visibility:visible;-moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);}
.float_kf .fwh .hd, .float_kf .app .hd{ position:absolute; right:69px;top:0; margin-top:-50px; background:#fff;border:1px solid #e8e8e8; padding:20px;color:#535353; opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .fwh .hd{ margin-top:-84px}
.float_kf .fwh .hd, .float_kf .app .hd,.float_kf .tel .hd,.float_kf .service .hd{ -moz-transition:.5s;;-webkit-transition:.5s;transition:.5s;}
.float_kf .fwh:hover .hd, .float_kf .app:hover .hd, .float_kf .tel:hover .hd{opacity:1; filter:alpha(opacity=100); -moz-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0); visibility:visible}


.float_kf .tel i{ width:29px; height:25px; background:url(../images/right_pic5.png) no-repeat; margin:0 auto 6px; display:block}
.float_kf .tel:hover i{background:url(../images/right_pic5_h.png) no-repeat;}
.float_kf .tel .hd{ background:#0a2d5a; color:#fff; font-size:20px; font-weight:bold; position:absolute;right:69px;top:0;text-align:left; text-align:center;line-height:74px; width:200px; height:100%;opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-transform:translateX(-15px);-webkit-transform:translateX(-15px);transform:translateX(-15px)}
.float_kf .backtop{background:#f4ca01;border:1px solid #f4ca01; border-bottom:none}
.float_kf .backtop i{ width:24px; height:25px; background:url(../images/right_pic6.png) no-repeat; margin:0 auto 3px; display:block}
.float_kf .backtop a{ color:#fff}

#newBridge .nb-icon-base .nb-icon-inner-wrap{ display:none !important}
.pagination{ height:auto !important; padding-bottom:0 !important}

.pagination p,.pagination a{ margin-bottom:5px !important}
.pagination a, .pagination p{ height:auto !important}
#newBridge{ display:none !important}